<script setup >
import { TerminalOutline } from "@vicons/ionicons5";
const containerRef = ref();
const state = ref(false)

function taggle(){
  state.value = !state.value;
  window.infoPageAPI.setHidden(state.value)
  console.log("信息页Log:" + state.value)
}

</script >

<template >
  <div ref="containerRef"></div>
  <n-affix
      :bottom="40"
      style="margin-left: 20px"
      position="absolute"
      :listen-to="() => containerRef">

    <n-float-button class="no-drag" position="relative" @click="taggle">
      <n-badge :value="11" :offset="[6, -8]">
        <n-icon size="20">
          <TerminalOutline />
        </n-icon>
      </n-badge>
    </n-float-button>
  </n-affix>
</template >

<style scoped >

</style >